html,body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: hidden;
}

/*个人头像,背景*/
header {
    background-color: #1E9FFF;
    width: 100%;
    height: 160px;
    background-image:url("/img/userBG.png");
    /*background: ;*/
}

#personalInfo {
    width: 20%;
    position: relative;
    left: 8%;
    top: 30%;
    height: 64px;
    background-color: rgba(255, 255, 255, 0);
}

#personalInfo >a> img {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    background-color: white;
}
#personalInfo > label {
 color: white;
}

#personalName {
    position: absolute;
    float: left;
    left: 36%;
    font-size: 18px;

}

#personalSign {
    position: absolute;
    float: left;
    left: 40%;
    top: 40%;
}

/*主体*/
main {
    height: 100%;
    width: 100%;
}

/*左半区,菜单,动态*/
#gardenLeft {
    float: left;
    width: 70%;
    height: 100%;
}

/*菜单*/
#gardenMenu {
    width: 100%;
    height: 40px;
}

#gardenMenu > ul {
    display: flex;
    text-align: center;
    margin: 10px 0;
}

#gardenMenu > ul > li {
    flex: 1;
    list-style-type: none;
    padding: 0 5px;
}
#gardenMenu a{
    text-decoration: none;
    color: black;
}
#gardenMenu img {
    width: 24px;
    height: 24px;
    padding-right: 5px;
}

#gardenMenu label {
    font-size: 18px;
}

/*动态*/
#personalActivities {
    width: 100%;
    margin: 10px 20px;
    height: 100%;
}

.activityContent {
    width: 93%;
    padding: 20px 10px 10px 20px;
}

.activityContent > p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.activityContent > p > a {
    color: black;
}

.activityFooter {
    padding: 10px 0;
    color: #c2c2c2;
}

/*右半区,记录,公告*/
#gardenRight {
    float: left;
    width: 30%;
    height: 100%;
}

#personalRecord {
    width: 100%;
    height: 60px;
}

#personalRecord > table {
    width: 100%;
    padding: 5px 10px;
    text-align: center;
}

#personalRecord > thead {
    width: 100%;
}

#personalRecord > thead > tr {
    width: 100%;
    display: flex;
}

#personalRecord > thead > tr > th {
    flex: 1;
}

#personalRecord > tbody {
    text: #000;
}

#notice {
    border: 5px solid #eeeeee;
    border-top-width: 8px;
    border-right-width: 12px;
    padding: 5px;
    background-color: white;
}

#notice > h3 {
    margin: 10px;
    padding: 0 0 10px 0;
    border-bottom: 3px #eeeeee solid;
}

#notice > p {
    margin: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}